@charset "utf-8";

.head{
    position: fixed;
    top: 0;
    width: 100%;
}
.navbar-brand{
    line-height: 50px;
    padding-top: 0;
    padding-bottom: 0;
    img{
        display: inline-block;
        vertical-align: middle;
    }
}
.navbar{
    margin-bottom: 0;
    border: none;
}
.navbar-default{
    background: #222222;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
    color: white;
    background: #080808;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    color: #FFFFFF;
    background-color: transparent;
}       

.laya1{
//  background: url(../img/pic7.jpg) no-repeat;
    background-position: 650px 600px;
    background-color: #fbfaf7;
    padding-bottom: 100px;
    .fatman{
        right: 85%;
        bottom: 90%;
    }
    .carousel{
        height: auto;
        /*height: 100%;*/
    }
    .carousel-inner{
        height: 100%;
    }
    .item{
        height: 100%;
        overflow: hidden;
    }
    .item img{
        /*宽自适应*/
        width: 100%;
        height: auto;
    }
    .pic{
        width: 100%;
        img{
            width: 100%;
        }
    }
    .title1 h1{
        margin-top: 110px;
        color: #0078d7;
        font-size: 36px;
    }
    .title1 p{
        display: inline-block;
        margin-top: 23px;
        font-size: 28px;
        color: #666666;
    }
}
.layaflash div{
    padding: 0;
    margin: 0;
}
.tem{
    width: 295px;
    height: 86px;
    overflow: hidden;
    margin-top: 50px;
    
    h2{
        font-size: 20px;
        margin-top: 0;
    }
    p{
        font-size: 14px;
    }
}
.laya2{
    .center1{
        width: 100%;
    //  margin-top: 100px;
        margin-bottom: 100px;
        .left1{
            padding-top: 100px;
            img:hover{
                animation: sca 1s;
                opacity: 0.8;
            }
            @keyframes sca{
                50%{
                    transform: scale(0.5);
                }
                100%{
                    transform: scale(1);
                }
            }
        }
        .right1 h2{
            color: #8fc31f;
            font-size: 48px;
            padding-top: 20px;
        }
       .right1 .item1{
            line-height: 40px;
            margin-top: 10px;
            padding-bottom: 10px;
            p{
                font-size: 14px;
            }
        }
          
    }
}

.laya3{
    width: 100%;
    background-color: #0079d7;
    .center2{
        padding-top: 50px;
        padding-bottom: 50px;
        h2{
            text-align: center;
            font-size: 30px;
            color: white;
        }
        .item1{
            width: 295px;
            height: 86px;
            overflow: hidden;
            margin-top: 50px;
            
            h3{
                font-size: 20px;
                margin-top: 0;
            }
            p{
                font-size: 14px;
            }
            @media screen and (max-width:768px){
                p{
                    display: none;
                }
            }
        }
    }
}
.laya4{
    .center3 h2{
        padding-top: 100px;
    }
    .center3 h5{
        padding-top: 125px;
        text-align: right;
    }
    .center3 .btm{
        padding-bottom: 20px;
    }
    .center3 .btm img:hover{
        opacity: 0.8;
    }
    .center3 p{
        font-size: 14px;
        text-align: center;
    }
    .center3 .dis{
        display: block;
        margin: 0 auto;
        transition-duration: 1s;
    }
    .center3 .dis:hover{
        opacity: 0.8;
        transform: scale(1.1);
        transition-duration: 1s;
    }
}
.laya5{
    width: 100%;
    background-color: #f4f4f4;
    .btm1{
        padding-bottom: 20px;
    }
}
footer{
    width: 100%;
//  height: 115px;
    background: #222222;
    .tp1 p{
        margin-top: 30px;
        display: inline-block;
    }
    .tp2{
        margin-top: 30px;
        padding-bottom: 30px;
    }
}
